﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>综合分析</title>
    <link rel="stylesheet" type="text/css" href="../themes/css/global.css" />
    <link rel="stylesheet" type="text/css" href="../themes/css/layout.css" />
    <script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="../js/base.js"></script>
    <script type="text/javascript" src="../js/prefixfree.min.js"></script>
    <script type="text/javascript" src="../js/jquery.transit.min.js"></script>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- Required Javascript -->
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/plugins/treeview/bootstrap-treeview.js"></script>
    <style>
        .videoDiv
        {
            position: absolute;
            width: 100%;
            height: 100%;
        }
        .videoDivSelect
        {
             border: 1px solid red;
         }

    </style>
    <script type="text/javascript">
        $(document).ready(function() {
            $('.inactive').click(function(){
                if($(this).siblings('ul').css('display')=='none'){
                    $(this).parent('li').siblings('li').removeClass('inactives');
                    $(this).addClass('inactives');
                    $(this).siblings('ul').slideDown(100).children('li');
                    if($(this).parents('li').siblings('li').children('ul').css('display')=='block'){
                        $(this).parents('li').siblings('li').children('ul').parent('li').children('a').removeClass('inactives');
                        $(this).parents('li').siblings('li').children('ul').slideUp(500);

                    }
                }else{
                    //控制自身变成+号
                    $(this).removeClass('inactives');
                    //控制自身菜单下子菜单隐藏
                    $(this).siblings('ul').slideUp(500);
                    //控制自身子菜单变成+号
                    $(this).siblings('ul').children('li').children('ul').parent('li').children('a').addClass('inactives');
                    //控制自身菜单下子菜单隐藏
                    $(this).siblings('ul').children('li').children('ul').slideUp(500);

                    //控制同级菜单只保持一个是展开的（-号显示）
                    $(this).siblings('ul').children('li').children('a').removeClass('inactives');
                }
            })
        });
    </script>
    <script language="javascript" type="text/javascript">
        $(function () {
            $(".videoDiv").click(function () {
                //alert('ff');
                $(".videoDiv").removeClass("videoDivSelect");
                $(this).addClass("videoDivSelect");
            });
        });
    </script>
</head>
<body>

    <div id="logo"></div>

    <div id="toolbar">
        <span><a href="#" title="返回上一页" class="btn-back" onclick="history.go(-1)"></a></span>
        <span><a href="home2.html" title="主页" class="btn-index"></a></span><span><a href="#"
            title="菜单" class="btn-list"></a>
            <ul class="listMenu">
                <h6>
                    <a href="javascript:void(0)" id="base">基础业务</a> <a href="javascript:void(0)" id="zdyw"
                        class="active">重点业务</a>
                </h6>
                <div id="base-menu" style="display: none;">
                    <li><a href="default.html">总览</a></li>
                    <li><a href="wngh.html">五年规划项目储备</a>
                        <ul>
                            <li><a href="wngh-1.html">入库储备项目</a></li>
                            <li><a href="wngh-2.html">初审储备项目</a></li>
                        </ul>
                    </li>
                    <li><a href="sngd.html">三年滚动投资计划</a>
                        <ul>
                            <li><a href="sngd-1.html">滚动计划编制</a></li>
                            <li><a href="sngd-2.html">滚动计划审核</a></li>
                        </ul>
                    </li>
                    <li><a href="xmsh.html">项目审核备办理</a>
                        <ul>
                            <li><a href="xmsh-1.html">项目办理</a></li>
                            <li><a href="xmsh-2.html">事项办理</a></li>
                        </ul>
                    </li>
                    <li><a href="zyys.html">中央预算内投资项目管理</a>
                        <ul>
                            <li><a href="zyys-1.html">年度计划申报</a></li>
                            <li><a href="zyys-2.html">年度计划下达</a></li>
                            <li><a href="zyys-3.html">年度计划调度</a></li>
                        </ul>
                    </li>
                    <li><a href="zxjs.html">专项建设基金项目</a>
                        <ul>
                            <li><a href="zxjs-1.html">专项基金项目申报</a></li>
                            <li><a href="zxjs-2.html">专项基金项目投放</a></li>
                        </ul>
                    </li>
                    <li><a href="xmda.html">项目档案</a></li>
                </div>
                <div id="zdyw-menu">
                    <li><a href="tzxs.html">投资形势分析</a></li>
                    <li><a href="fgf.html">放管服改革</a>
                        <ul>
                            <li><a href="fgf-1.html">简政放权</a></li>
                            <li><a href="fgf-2.html">放管结合</a></li>
                            <li><a href="fgf-3.html">优化服务</a></li>
                        </ul>
                    </li>
                    <li><a href="zftz.html">政府投资精细化管理</a></li>
                    <li><a href="ycyj.html">预测预警分析</a>
                        <ul>
                            <li><a href="ycyj-1.html">项目实施进展监测预警分析</a></li>
                            <li><a href="ycyj-2.html">项目办理进展监测预警分析</a></li>
                            <li><a href="ycyj-3.html">用户分布情况</a></li>
                        </ul>
                    </li>
                    <li class="active"><a href="zhfx.html">综合分析报告</a></li>
                </div>
            </ul>
        </span><span><a href="#" title="图例" class="btn-chart"></a>
            <ul class="listChart">
                <li><a href="#">
                    <img src="../themes/images/img_menu01.gif" /></a></li>
                <li><a href="#">
                    <img src="../themes/images/img_menu02.gif" /></a></li>
                <li><a href="#">
                    <img src="../themes/images/img_menu03.gif" /></a></li>
                <li><a href="#">
                    <img src="../themes/images/img_menu04.gif" /></a></li>
                <li><a href="#">
                    <img src="../themes/images/img_menu05.gif" /></a></li>
                <li><a href="#">
                    <img src="../themes/images/img_menu06.gif" /></a></li>
                <li><a href="#">
                    <img src="../themes/images/img_menu07.gif" /></a></li>
                <li><a href="#">
                    <img src="../themes/images/img_menu08.gif" /></a></li>
                <li><a href="#">
                    <img src="../themes/images/img_menu09.gif" /></a></li>
                <li><a href="#">
                    <img src="../themes/images/img_menu10.gif" /></a></li>
                <li><a href="#">
                    <img src="../themes/images/img_menu11.gif" /></a></li>
                <li><a href="#">
                    <img src="../themes/images/img_menu12.gif" /></a></li>
                <li><a href="#">
                    <img src="../themes/images/img_menu13.gif" /></a></li>
                <li><a href="#">
                    <img src="../themes/images/img_menu14.gif" /></a></li>
                <li><a href="#">
                    <img src="../themes/images/img_menu15.gif" /></a></li>
            </ul>
        </span><span><a href="#" title="导出WORD" class="btn-word"></a></span><span><a href="#"
            title="导出PDF" class="btn-pdf"></a></span><span><a href="#" title="打印" class="btn-print">
            </a></span>
    </div>


    <div id="contentDiv">

        <!--下面是左侧切换屏幕块.-->

        <div class="chartDiv" style="left: 10px; width: 200px">
            <div style="background-color: white; width: 195px; height: 30px; border-radius: 10px; margin-bottom: 5px; margin-top: -30px; padding: 2px; padding-left: 4px">
                <div class="btn-group" role="group" aria-label="...">
                    <button href="#one_screen" data-toggle="tab" type="button" class="btn btn-default" style="width: 48px; height: 26px; padding-top: 3px">1屏</button>
                    <button href="#four_screen" data-toggle="tab" type="button" class="btn btn-default" style="width: 48px; height: 26px; padding-top: 3px">4屏</button>
                    <button href="#six_screen" data-toggle="tab" type="button" class="btn btn-default" style="width: 48px; height: 26px; padding-top: 3px">6屏</button>
                    <button href="#nine_screen" data-toggle="tab" type="button" class="btn btn-default" style="width: 48px; height: 26px; padding-top: 3px">9屏</button>
                </div>
            </div>

            <div class="list">
                <ul class="yiji">
                    <li><a href="#" class="inactive">宁夏自治区</a>
                        <ul style="display: none">
                            <li><a href="#" class="inactive active">银川市</a>
                                <ul>
                                    <li><a href="#">XX区</a></li>
                                    <li><a href="#">XX区</a></li>

                                </ul>
                            </li>
                            <li><a href="#" class="inactive active">石嘴山市</a>
                                <ul>
                                    <li><a href="#">XX区</a></li>
                                    <li><a href="#">XX区</a></li>

                                </ul>
                            </li>
                            <li><a href="#" class="inactive active">吴忠市</a>
                                <ul>
                                    <li><a href="#">XX区</a></li>
                                    <li><a href="#">XX区</a></li>

                                </ul>
                            </li>
                            <li><a href="#" class="inactive active">中卫市</a>
                                <ul>
                                    <li><a href="#">XX区</a></li>
                                    <li><a href="#">XX区</a></li>

                                </ul>
                            </li>
                            <li><a href="#" class="inactive active">固原市</a>
                                <ul>
                                    <li><a href="#">XX区</a></li>
                                    <li><a href="#">XX区</a></li>
                                    <li><a href="#">XX区</a></li>
                                    <li><a href="#">XX区</a></li>
                                    <li><a href="#">XX区</a></li>
                                    <li><a href="#">XX区</a></li>
                                    <li><a href="#">XX区</a></li>
                                    <li><a href="#">XX区</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>

        </div>


        <!--下面是右侧调用屏幕块.-->

        <div class="chartDiv">

            <div class="videoDiv tab-pane fade" id="one_screen">
                <div class="one_screen">
                    <p>1屏<img src="../img/locked.png" alt="" /></p>
                    <iframe src="Video.html" class="iframeTest" frameborder="0" scrolling="no"></iframe>
                </div>
            </div>


            <div class="videoDiv tab-pane fade active in" id="four_screen">

                <div class="four_screen">
                    <p>4屏<img src="../img/locked.png"/></p>
                    <iframe src="Video.html" class="iframeTest" frameborder="0" scrolling="no"></iframe>
                </div>

                <div class="four_screen">
                    <p>4屏<img src="../img/locked.png"/></p>
                    <iframe src="Video.html" class="iframeTest" frameborder="0" scrolling="no"></iframe>
                </div>

                <div class="four_screen">
                    <p>4屏<img src="../img/locked.png"/></p>
                    <iframe src="Video.html" class="iframeTest" frameborder="0" scrolling="no"></iframe>
                </div>

                <div class="four_screen">
                    <p>4屏<img src="../img/locked.png"/></p>
                    <iframe src="Video.html" class="iframeTest" frameborder="0" scrolling="no"></iframe>
                </div>

            </div>


            <div class="videoDiv tab-pane fade" id="six_screen">

                <div class="six_screen_big">
                    <p>6屏<img src="../img/locked.png"/></p>
                    <iframe src="Video.html" class="iframeTest" frameborder="0" scrolling="no"></iframe>
                </div>

                <div class="six_screen_small">
                    <p>6屏<img src="../img/locked.png"/></p>
                    <iframe src="Video.html" class="iframeTest" frameborder="0" scrolling="no"></iframe>
                </div>

                <div class="six_screen_small">
                    <p>6屏<img src="../img/locked.png"/></p>
                    <iframe src="Video.html" class="iframeTest" frameborder="0" scrolling="no"></iframe>
                </div>

                <div class="six_screen_small">
                    <p>6屏<img src="../img/locked.png"/></p>
                    <iframe src="Video.html" class="iframeTest" frameborder="0" scrolling="no"></iframe>
                </div>

                <div class="six_screen_small">
                    <p>6屏<img src="../img/locked.png"/></p>
                    <iframe src="Video.html" class="iframeTest" frameborder="0" scrolling="no"></iframe>
                </div>

                <div class="six_screen_small">
                    <p>6屏<img src="../img/locked.png"/></p>
                    <iframe src="Video.html" class="iframeTest" frameborder="0" scrolling="no"></iframe>
                </div>


            </div>


            <div class="videoDiv tab-pane fade" id="nine_screen">

                <div class="nine_screen">
                    <p>9屏<img src="../img/locked.png"/></p>
                    <iframe src="Video.html" class="iframeTest" frameborder="0" scrolling="no"></iframe>
                </div>

                <div class="nine_screen">
                    <p>9屏<img src="../img/locked.png"/></p>
                    <iframe src="Video.html" class="iframeTest" frameborder="0" scrolling="no"></iframe>
                </div>

                <div class="nine_screen">
                    <p>9屏<img src="../img/locked.png"/></p>
                    <iframe src="Video.html" class="iframeTest" frameborder="0" scrolling="no"></iframe>
                </div>

                <div class="nine_screen">
                    <p>9屏<img src="../img/locked.png"/></p>
                    <iframe src="Video.html" class="iframeTest" frameborder="0" scrolling="no"></iframe>
                </div>

                <div class="nine_screen">
                    <p>9屏<img src="../img/locked.png"/></p>
                    <iframe src="Video.html" class="iframeTest" frameborder="0" scrolling="no"></iframe>
                </div>

                <div class="nine_screen">
                    <p>9屏<img src="../img/locked.png"/></p>
                    <iframe src="Video.html" class="iframeTest" frameborder="0" scrolling="no"></iframe>
                </div>

                <div class="nine_screen">
                    <p>9屏<img src="../img/locked.png"/></p>
                    <iframe src="Video.html" class="iframeTest" frameborder="0" scrolling="no"></iframe>
                </div>

                <div class="nine_screen">
                    <p>9屏<img src="../img/locked.png"/></p>
                    <iframe src="Video.html" class="iframeTest" frameborder="0" scrolling="no"></iframe>
                </div>

                <div class="nine_screen">
                    <p>9屏<img src="../img/locked.png"/></p>
                    <iframe src="Video.html" class="iframeTest" frameborder="0" scrolling="no"></iframe>
                </div>

            </div>

        </div>
    </div>

</body>
</html>
